<template>
  <div id="child">
    <button v-on:click="tryThis">Enlarge text</button>
  </div>
</template>
<script setup>
// import { defineComponent } from 'vue';
// export default defineComponent({
//   name: 'Child',
//   emits: ["enlargeText"],
//   methods: {
//     tryThis() {
//       console.log("trying");
//       this.$emit("enlargeText", "someValue")
//     }
//   }
// })

import { defineEmits } from 'vue';
const emit = defineEmits(["enlargeText"])

function tryThis() {
  console.log("trying");
  emit("enlargeText", "someValue")
}
</script>
<style lang="">

</style>